草庐IT

ios - 将 UIImage 裁剪为 alpha

全部标签

javascript - 我应该如何使用 jcrop 在客户端裁剪图像并上传?

我正在开发一个组件,其中有文件上传HTML控件,在使用文件上传元素选择图像后,图像将呈现在HTML5Canvas元素上。这是带有示例代码的JSFiddle:https://jsfiddle.net/govi20/spmc7ymp/id=target=>jcrop元素的选择器id=photograph=>文件上传元素的选择器id=preview=>Canvas元素选择器id=clear_selection=>清除Canvas的按钮选择器使用的第三方JS库:设置JCrop:jQuery(function($){varapi;$('#target').Jcrop({//startoffwit

javascript - jQuery/JS、iOS 4 和 $(document).height() 问题

我遇到了一个奇怪的问题,似乎是各种版本的Webkit浏览器。我试图将一个元素放在屏幕中央并进行计算,我需要获得各种尺寸,特别是主体的高度和屏幕的高度。在jQuery中,我一直在使用:varbodyHeight=$('body').height();varscreenHeight=$(window).height();我的页面通常比实际视口(viewport)高很多,因此当我“提醒”这些变量时,bodyHeight最终应该变大,而screenHeight应该保持不变(浏览器视口(viewport)的高度)。这是真的-火狐-Chrome15(哇!Chrome什么时候升级到第15版的?)-i

javascript - 在 iPad iOS 11.4 上的 Mobile Safari 中滚动期间触摸事件仅触发 "once"

在MobileSafari中滚动时,会触发第一个touchstart、touchmove和touchend事件,但是,如果您仍在滚动不会触发额外的触摸事件。对于我的应用程序,这是有问题的,因为用户可以用他们的手指停止滚动,而我无法判断是否有手指按下。当手指向下时,您无法设置window的scrollTop,或者您可以设置它,它会发生变化,但窗口不会滚动。当用户再次移动他们的手指时,它不是从我设置scrollTop的位置开始滚动,而是从他们的手指是否被放下开始滚动。请不要评论我为什么要更改窗口的scrollTop;让我们接受它作为一项优先要求。关于如何检测是否有手指按下的任何想法?

javascript - 在 iOS 10 上,GLTF-WebGL 应用程序崩溃,应用程序是使用 WKWebView 构建的

我正在使用javascript处理3D模型,并使用GLTFwebGL在iOS中渲染3D模型。我在IpadAir/IpadAir2中使用WKWebView加载这个模型。此配置/应用程序在IOS9中运行完美,但在将操作系统升级到IOS10后,我的应用程序崩溃了。我正在尝试在Xcode上进行调试,然后显示以下错误消息:ErrorMessage:"#WK:Unabletoacquireassertionforprocess0".我们在IOS10中使用UIWebView尝试过同样的事情,它可以正常工作,但性能很低(应用程序运行缓慢)。附加信息:打开3D模型的GLTF-WEBGL链接https:/

javascript - 在选择合适的 iOS Mobile Safari Web 开发工具(jQuery Mobile/Sencha Touch/等)时感到沮丧

在为iPadMobileSafari使用BackboneJS和jQueryMobile完成一个项目后,我觉得jQueryMobile可能不是完成该特定工作的正确工具。我发现jQueryMobile的性能总体上非常令人失望。许多移动JS框架(处理转换、对话框等)似乎都遇到了同样的问题。让jQueryMobile和BackboneJS很好地协同工作似乎有点参差不齐。我需要像jQueryMobile这样的东西来处理拖放元素和页面转换(和对话框)。BackboneJS非常适合我们正在做的事情,因此我们希望将其保留在工具箱中。我们只为iPhone和iPad做项目,并且在native上做它们(使用

javascript - 有没有办法使用 JCrop 裁剪比实际图像大的区域?

据我所知,JCrop不会让我进行设置,以便用户可以裁剪实际图像并包括周围的空白。有办法吗?为了帮助解释我的意思,假设我们将裁剪比例限制为16:9。这适用于具有自然宽主题的图像:但有时用户想要使用的源图像并不能很好地适应所需的比例:相反,我们希望通过使裁剪区域大于图像本身来允许它们在图像外部包含空间:我一直在摆弄JCrop,并通过手册和谷歌浏览了一段时间,但看起来这不可能(不修改JCrop)。我错了吗?如果是这样,你是怎么做到的?FWIW,在这种情况下,实际图像将是产品/组织Logo图像,它们具有多种宽高比,并且几乎总是向人们提供的图像在文本/图像周围几乎没有空白。这意味着限制在图像边界

javascript - 在客户端裁剪和上传图像,无需服务器端代码

正如标题所说。要求是能够在将裁剪后的图像上传到服务器之前裁剪图像。所有的工作都应该在客户端完成。我听说过在服务器上裁剪图片并一并保存的方法。但是当我使用Parse.com服务时。服务器端不支持图像处理,所以我需要在本地处理它并将完成的图像直接上传到Parse.com服务。示例代码会很有帮助。谢谢。 最佳答案 我使用的解决方案:首先,我使用第3方javascript库来选择裁剪区域,例如jCrop。获得坐标(x1,x2,y1,y2)后,我将图像的副本绘制到Canvas上。varcanvas=document.getElementByI

Android和iOS接入Appsflyer SDK

Android接入1.添加repositories//...repositories{//...mavenCentral()}//...2.添加dependenciesdependencies{//...//Getthelatestversionfromhttps://mvnrepository.com/artifact/com.appsflyer/af-android-sdkimplementation'com.appsflyer:af-android-sdk:6.9.0'}3.AndroidManifest.xml中添加权限        检查AD_ID权限2022年初,Google宣布改

javascript - 如何解决 iOS 11 Safari getUserMedia "Invalid constraint"问题

我正在尝试在iOS11的Safari中运行以下代码。它应该提示用户授予访问其设备摄像头的权限,然后将其显示在我的中。元素。但是,在iOS11中运行时,它会导致OverconstrainedError。被抛出:{message:"Invalidconstraint",constraint:""}代码在Android中运行良好,并成功打开相机。我尝试了多种有效的配置,但都没有成功。我知道iOS11刚出来所以它可能是一个错误,但有什么想法吗?还有其他人遇到过这个吗?代码:varvideo=document.getElementById('video');if(navigator.mediaD

javascript - 将 RGB 颜色值转换为 0.75 alpha 的 RGBA

我有以下代码来获取元素的背景颜色。varcurrentColor=$(this).css('background-color');返回类似rgb(123,123,123)我现在要做的是将其转换为rgba并以0.75alpha显示所以返回类似rgba(123,123,123,0.75)有什么想法吗? 最佳答案 由于jQuery似乎总是为没有alpha的元素返回类似rgb(r,g,b)的颜色,您可以简单地使用:$(this).css('background-color').replace(')',',0.75)').replace('r